@charset "utf-8";
/*跟版网精品织梦网站模板 www.genban.org*/
/*****css3******/

body a {
	transition: 0.2s all;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	-ms-transition: 0.2s all;
}
.in_link a {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.0);
	transition: all .5s ease 0s;
	-webkit-transform: scale(1.0);
	-webkit-transform: all .5s ease 0s;
	display: block;
}
.in_link a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.1);
	transition: all .5s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all .5s ease 0s;
}
.in_linkimg img {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.05);
	transition: all .5s ease 0s;
	-webkit-transform: scale(1.0);
	-webkit-transform: all .5s ease 0s;
}
.in_linkimg img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.05);
	transition: all .5s ease 0s;
	-webkit-transform: scale(1.05);
	-webkit-transform: all .5s ease 0s;
}
.in_linkimgY img {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.05);
	transition: all .5s ease 0s;
	-webkit-transform: scale(1.0);
	-webkit-transform: all .5s ease 0s;
	transform: rotateY(0);
}
.in_linkimgY img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(2.05);
	transition: all .5s ease 0s;
	-webkit-transform: scale(2.05);
	-webkit-transform: all .5s ease 0s;
	transform: rotateY(-180deg);
}
.round {
	-moz-border-radius: 50%;      /* Gecko browsers */
	-webkit-border-radius: 50%;   /* Webkit browsers */
	border-radius: 50%;            /* W3C syntax */
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 -ms-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 -ms-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 -ms-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 -ms-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes bounceInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 -ms-transform: translateX(2000px);
 transform: translateX(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 -ms-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 -ms-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 -ms-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 -ms-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
 @-webkit-keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 transform: translateY(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 -ms-transform: translateY(2000px);
 transform: translateY(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 -ms-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 -ms-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes rotateRight {
 0% {
 opacity: 0;
 -webkit-transform: rotate(350deg);
 transform: rotate(350deg);
}
 100% {
 opacity: 1;
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotateRight {
 0% {
 opacity: 0;
 -webkit-transform: rotate(350deg);
 -ms-transform: rotate(350deg);
 transform: rotate(350deg);
}
 100% {
 opacity: 1;
 -webkit-transform: rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
}
}
.rotateRight {
	-webkit-animation-name: rotateRight;
	animation-name: rotateRight;
}
 @-webkit-keyframes rotateLeft {
 0% {
 opacity: 0;
 -webkit-transform: rotate(-345deg);
 transform: rotate(-345deg);
}
 100% {
 opacity: 1;
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
 @keyframes rotateLeft {
 0% {
 opacity: 0;
 -webkit-transform: rotate(-345deg);
 -ms-transform: rotate(-345deg);
 transform: rotate(-345deg);
}
 100% {
 opacity: 1;
 -webkit-transform: rotate(-360deg);
 -ms-transform:rotate(-360deg);
 transform:rotate(-360deg);
}
}
.rotateLeft {
	-webkit-animation-name: rotateLeft;
	animation-name: rotateLeft;
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
/*bounceIn*/

/*fadeIn*/

.clip-path a {
	-webkit-clip-path: polygon(50% 0, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 100%, 30% 100%, 0 100%, 0 0, 30% 0);
	clip-path: polygon(50% 0, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 100%, 30% 100%, 0 100%, 0 0, 30% 0);
	transition: all .2s;
}
.clip-path a:hover {
	-webkit-clip-path: polygon(50% 20%, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 80%, 30% 100%, 0 100%, 0 0, 30% 0);
	clip-path: polygon(50% 20%, 70% 0, 100% 0, 100% 100%, 70% 100%, 50% 80%, 30% 100%, 0 100%, 0 0, 30% 0);
	transition: all .2s;
}
.scale_img {
	-webkit-animation-name: img_t;
	animation-name: img_t;
}
@-webkit-keyframes img_t {
 0% {
 transform: scale(0.95);
 opacity: 0;
}
 50% {
 transform: scale(1.05);
 opacity: 0.5;
}
 100% {
 transform: scale(1.0);
 opacity: 1;
}
}
.wifi1 {
	animation: wifi_t 3s;
	animation-iteration-count: infinite;
}
 @-webkit-keyframes wifi_t {
 0% {
 transform: scale(0.5);
 opacity: 0;
}
 50% {
 transform: scale(1.0);
 opacity: 1.0;
}
 100% {
 transform: scale(2.0;
 opacity: 0;
}
}
.lighthouse {
	-webkit-transform-origin: 50% 90%;
	-moz-transform-origin: 50% 90%;
	transform-origin: 50% 90%;
	-webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
 @-webkit-keyframes lighthouse {
 0% {
 -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 -moz-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 transform: translate3d(5%, 0, 0) rotateZ(2deg);
}
 100% {
 -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 -moz-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
}
}
 @-moz-keyframes lighthouse {
 0% {
 -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 -moz-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 transform: translate3d(5%, 0, 0) rotateZ(2deg);
}
 100% {
 -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 -moz-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
}
}
 @-ms-keyframes lighthouse {
 0% {
 -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 -moz-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 transform: translate3d(5%, 0, 0) rotateZ(2deg);
}
 100% {
 -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 -moz-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
}
}
 @keyframes lighthouse {
 0% {
 -webkit-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 -moz-transform: translate3d(5%, 0, 0) rotateZ(2deg);
 transform: translate3d(5%, 0, 0) rotateZ(2deg);
}
 100% {
 -webkit-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 -moz-transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
 transform: translate3d(-5%, 0, 0) rotateZ(-2deg);
}
}